<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="robots" content="noarchive">
  <title class="f_title"></title>
  <link rel="stylesheet" href="./static/css/style.css?v=6">
  <link rel="stylesheet" href="./static/css/semantic.min.css">
  <script src="./static/js/jquery.min.js"></script>
  <script src="./static/js/semantic.min.js"></script>
  <script src="./static/js/coder.js?v=80"></script>
  <script src="./static/js/requirement.js?v=80"></script>
</head>

<body>
  <div class="ui borderless main menu margin-top-0">
    <div class="ui text container ai-textcontainer">
      <a href="/" class="header item" style="padding-left: 0px;">
        <img class="logo" src="./static/image/logo.png" style="margin-right: 5px;">
        <span class="f_title"></span>
      </a>
      <a class="item" href="task.html"><span class="f_start_task"></span></a>
      <a class="active item" href="requirement.html"><span class="f_requirement_list"></span></a>
      <a class="item" href="app.html"><span class="f_app_list"></span></a>
      <a class="ui right floated item" onClick="openUrl('tenant.html')"><i class="university icon teal"></i><span id="current-tenant"></span></a>
      <a href="#" class="ui right floated dropdown item" style="margin-left: 0px !important">
        <span class="f_more_operations"></span> <i class="dropdown icon"></i>
        <div class="menu">
          <div class="item"><i class="user icon tiny"></i><span class="f_hello"></span> <span id="current-username"></span></div>
          <div class="item" onClick="changeLanguage()"><i class="exchange icon tiny"></i><span class="f_change_language"></span></div>
          <div class="item" onClick="openUrlNew('https://vvx03gck2p.feishu.cn/docx/KwnSdasq1oK3LMxfVBAcwhG2neQ')"><i class="question circle icon tiny"></i><span class="f_help"></span></div>
          <div class="item" onClick="logout()"><i class="sign-out icon tiny"></i><span class="f_logout"></span></div>
        </div>
      </a>
    </div>
  </div>

  <div class="ui container padding-bottom-0">
    <div class="ui fluid category search left floated">
      <div class="ui icon input">
        <input class="prompt" type="text" size="40" placeholder="Search...">
        <i class="search icon"></i>
      </div>
      <a href="task.html" class="ui linkedin button right floated background-color-deep-green">
        <i class="plus icon"></i>
        <span class="f_create_new"></span>
      </a>
    </div>
  </div>

  <div class="ui container">
    <table class="ui table font-size-15">
      <thead>
        <tr>
          <th><span class="f_requirement_origin"></span></th>
          <th><span class="f_requirement_user"></span></th>
          <th><span class="f_requirement_completion"></span></th>
          <th><span class="f_requirement_satisfaction"></span></th>
        </tr>
      </thead>
      <tbody id="app_list">
        
      </tbody>
    </table>
  </div>

  <div class="ui modal" id="my-alert">
    <div class="header" id="my-alert-title"></div>
    <div class="content" id="my-alert-content">
    </div>
  </div>

  <div class="ui modal" id="my-login">
    <div class="header"><span class="f_login"></span></div>
    <div class="content">
      <div class="ui form">
        <div class="field">
          <label><span class="f_username"></span></label>
          <input type="text" id="login-username" placeholder="">
        </div>
        <div class="field">
          <label><span class="f_password"></span></label>
          <input type="password" id="login-password" placeholder="">
        </div>
        <div class="field">
            <label id="login-message" style="color: red;"></label>
        </div>
        <button class="ui button" onClick="login()" type="submit"><span class="f_submit"></span></div></button>
      </div>
    </div>
  </div>

  <div class="ui watermark">
    <span id="watermark-username"></span> @ <span class="f_title"></span></div>
  </div>
</body>
</html>
